.new-post,
.popular-post {
    display: inline-block;
    color: #111;
    padding: 0.3rem 0.4rem;
    border-radius: 0.3rem;
    font-size: 0.85rem;
    margin-left: 1rem;
}

.new-post {
    background: #d3f9d8;
}

.popular-post {
    background: #dce6fd;
    color: var(--heading-color);
}

@media screen and (min-width: 800px) {

    .new-post,
    .popular-post {
        margin-bottom: 0;
    }
}